<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/cssreset.css" rel="stylesheet" type="text/css">
    <link href="css/head_botm.css" rel="stylesheet" type="text/css">
    <link href="css/lunbo.css" rel="stylesheet" type="text/css">
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.event.drag-1.5.min.js"></script>
    <script type="text/javascript" src="js/jquery.touchSlider.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <title>首页</title>
</head>
<body>
<header>
    <div class="head">
        <h5 class="f16 g6">截止 2017.5.12 21:32:08 已为 74 家企业服务</h5>
        <div class="login_reg">
            <a href="#" class="f16 g6">&nbsp注册</a>
            <a href="#" class="f16 g6">登录&nbsp|</a>
        </div>
    </div>
</header>
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="images/logo.png"></a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a href="#">首页</a></li>
                <li><a href="#">自助建站</a></li>
                <li><a href="#">合作推广</a></li>
                <li><a href="#">活动发布</a></li>
                <li><a href="#">经验交流</a></li>
                <li><a href="#">企业注册</a></li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<script>
    $(document).ready(function () {
        $dragBln = false;
        $(".main_image").touchSlider({
            flexible : true,
            speed : 200,
            btn_prev : $("#btn_prev"),
            btn_next : $("#btn_next"),
            paging : $(".flicking_con a"),
            counter : function (e) {
                $(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on");
            }
        });
        $(".main_image").bind("mousedown", function() {
            $dragBln = false;
        })
        $(".main_image").bind("dragstart", function() {
            $dragBln = true;
        })
        $(".main_image a").click(function() {
            if($dragBln) {
                return false;
            }
        })
        timer = setInterval(function() { $("#btn_next").click();}, 5000);
        $(".main_visual").hover(function() {
            clearInterval(timer);
        }, function() {
            timer = setInterval(function() { $("#btn_next").click();}, 5000);
        })
        $(".main_image").bind("touchstart", function() {
            clearInterval(timer);
        }).bind("touchend", function() {
            timer = setInterval(function() { $("#btn_next").click();}, 5000);
        })
        var img_len=$(".main_image").length;
        var inner=[];
        inner.push($(".flicking_inner a"));
        console.log(inner.length);
    });
</script>

<div class="main_visual">
    <div class="flicking_con">
        <div class="flicking_inner">
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
        </div>
    </div>
    <div class="main_image">
        <ul>
            <li><span class="img_3"></span></li>
            <li><span class="img_4"></span></li>
            <li><span class="img_1"></span></li>
            <li><span class="img_2"></span></li>
            <li><span class="img_5"></span></li>
        </ul>
        <!--<a href="javascript:;" id="btn_prev"></a>-->
        <!--<a href="javascript:;" id="btn_next"></a>-->
    </div>
</div><!--轮播结束-->

<h1 class="f26 g3 main_ti">我们的核心目标</h1>
<div class="core">
    <h2 class="f20 g3 hidden-xs">整合线上线下企业资源，搭建全新企业生态圈，携手共建企业网销空间命运共同体</h2>
    <div class="core_main">
        <div class="core_one">
            <img src="images/core1.png">
            <h2 class="f18 g3">网销联合办公</h2>
            <h4 class="f16 g6">企业全网营销孵化示范基地</h4>
            <h4 class="f16 g6">为入驻企业提供办公环境及各类自动化设备</h4>
            <h4 class="f16 g6">会议室等各类企业经营配套服务</h4>
        </div>
        <div class="core_one">
            <img src="images/core2.png">
            <h2 class="f18 g3">资源共享</h2>
            <h4 class="f16 g6">搭建企业之间的资源对接</h4>
            <h4 class="f16 g6">致力于中国突破型企业网络营销转型</h4>
            <h4 class="f16 g6">整合各产业链商家，使其价值最大化</h4>
        </div>
        <div class="core_one">
            <img src="images/core3.png">
            <h2 class="f18 g3">企互公社</h2>
            <h4 class="f16 g6">企业资源共享平台</h4>
            <h4 class="f16 g6">商会化组织，公司化运营</h4>
            <h4 class="f16 g6">将成为企业互联互助平台的领创者</h4>
        </div>
    </div>
</div>
<!--企业推广营销平台-->
<div class="plat_box">
    <h1 class="f26 gf main_ti_wh">我们的核心目标</h1>
    <h2 class="f16 gf hidden-xs">帮助传统企业进行网络推广，让更多的人在互联网上看到你企业的产品、服务、品牌</h2>
    <div class="plat">
        <div class="plat_one">
            <img src="images/plat1.png">
            <h1 class="f18 gf">自助建站</h1>
            <h4 class="f10 gf hidden-xs">self-help building website</h4>
            <h3 class="f14 gf hidden-xs">无需专业的技术和代码</h3>
            <h3 class="f14 gf hidden-xs">挑选自己喜欢的模板</h3>
            <h3 class="f14 gf hidden-xs">商家即可快速自建广</h3>
            <p class="f14 gf visible-xs">无需专业的技术和代码无需专业的技术和代码无需专业的技术和代码</p>
            <a href="#" class="f14 gf">查看详情</a>
            <div class="plat_active hidden-xs hidden-sm">
                <img src="images/plat2_h.jpg">
                <a href="#" class="f14 gf">查看详情</a>
            </div>
        </div>
        <div class="plat_one">
            <img src="images/plat2.png">
            <h1 class="f18 gf">自助推广</h1>
            <h4 class="f10 gf hidden-xs">Self-help promotion</h4>
            <h3 class="f14 gf hidden-xs">无需专业的技术和代码</h3>
            <h3 class="f14 gf hidden-xs">挑选自己喜欢的模板</h3>
            <h3 class="f14 gf hidden-xs">商家即可快速自建广</h3>
            <p class="f14 gf visible-xs">无需专业的技术和代码无需专业的技术和代码无需专业的技术和代码</p>
            <a href="#" class="f14 gf">查看详情</a>
            <div class="plat_active hidden-xs hidden-sm">
                <img src="images/plat2_h.jpg">
                <a href="#" class="f14 gf">查看详情</a>
            </div>
        </div>
        <div class="plat_one">
            <img src="images/plat3.png">
            <h1 class="f18 gf">活动发布</h1>
            <h4 class="f10 gf hidden-xs">Event release</h4>
            <h3 class="f14 gf hidden-xs">无需专业的技术和代码</h3>
            <h3 class="f14 gf hidden-xs">挑选自己喜欢的模板</h3>
            <h3 class="f14 gf hidden-xs">商家即可快速自建广</h3>
            <p class="f14 gf visible-xs">无需专业的技术和代码无需专业的技术和代码无需专业的技术和代码</p>
            <a href="#" class="f14 gf">查看详情</a>
            <div class="plat_active hidden-xs hidden-sm">
                <img src="images/plat2_h.jpg">
                <a href="#" class="f14 gf">查看详情</a>
            </div>
        </div>
        <div class="plat_one">
            <img src="images/plat4.png">
            <h1 class="f18 gf">经验交流</h1>
            <h4 class="f10 gf hidden-xs">Experience exchange</h4>
            <h3 class="f14 gf hidden-xs">无需专业的技术和代码</h3>
            <h3 class="f14 gf hidden-xs">挑选自己喜欢的模板</h3>
            <h3 class="f14 gf hidden-xs">商家即可快速始推广</h3>
            <p class="f14 gf visible-xs">无需专业的技术和代码无需专业的技术和代码无需专业的技术和代码</p>
            <a href="#" class="f14 gf">查看详情</a>
            <div class="plat_active hidden-xs hidden-sm">
                <img src="images/plat2_h.jpg">
                <a href="#" class="f14 gf">查看详情</a>
            </div>
        </div>
    </div>
</div>
<!--免注册享10大福利-->
<div class="top10_box">
    <h1><img src="images/top10_ti.png"></h1>
    <div class="top10_main">
        <div class="top_l">
            <div class="first_t">
                <h3 class="f16">1、免费向资深营销专家咨询网销方案</h3>
            </div>
            <div class="second_t">
                <h3 class="f16">2、免费向资深营销专家咨询网销方案</h3>
            </div>
            <div class="third_t">
                <h3 class="f16">3、免费向资深营销专家咨询网销方案</h3>
            </div>
            <div class="four_t">
                <h3 class="f16">4、免费向资深营销专家咨询网销方案</h3>
            </div>
            <div class="five_t">
                <h3 class="f16">5、免费向资深营销专家咨询网销方案</h3>
            </div>
        </div>
        <div class="top_r hidden-xs">
            <div class="first_t">
                <h3 class="f16">6、免费向资深营销专家咨询网销方案</h3>
            </div>
            <div class="second_t">
                <h3 class="f16">7、免费向资深营销专家咨询网销方案</h3>
            </div>
            <div class="third_t">
                <h3 class="f16">8、免费向资深营销专家咨询网销方案</h3>
            </div>
            <div class="four_t">
                <h3 class="f16">9、免费向资深营销专家咨询网销方案</h3>
            </div>
            <div class="five_t">
                <h3 class="f16">10、免费向资深营销专家咨询网销方案</h3>
            </div>
        </div>
        <div class="top_l visible-xs">
            <div class="first_t">
                <h3 class="f16">6、免费向资深营销专家咨询网销方案</h3>
            </div>
            <div class="second_t">
                <h3 class="f16">7、免费向资深营销专家咨询网销方案</h3>
            </div>
            <div class="third_t">
                <h3 class="f16">8、免费向资深营销专家咨询网销方案</h3>
            </div>
            <div class="four_t">
                <h3 class="f16">9、免费向资深营销专家咨询网销方案</h3>
            </div>
            <div class="five_t">
                <h3 class="f16">10、免费向资深营销专家咨询网销方案</h3>
            </div>
        </div>
    </div>
    <a  href="#" class="f24 gf">立即注册</a>
</div>
<!--关于我们-->
<div class="about_content">
    <img class="banner2" src="images/banner2.jpg">
    <div class="about_main">
        <video poster="images/about_img.jpg">
        </video>
        <input type="button" class="play_btn">
        <div class="about_r">
            <h1><img src="images/about.png"></h1>
            <p class="f16 gf">我们是一家专注为中小企业提供：自助建站，企业培训，联合办公，资源对接，互联网营销服务的创新型企业,，是一个人才聚集中心，为企业用户提供多元化的互联网工具，同时配以成熟的运营服务体系，整合资源，打破传统企业家社群，搭建全新企业生态圈！携手共建企业网销空间命运共同体。</p>
        </div>
    </div>
</div>
<!--合作共赢的服务生态园-->
<h1 class="main_ti">合作共赢的服务生态圈</h1>
<div class="cooper">
    <a href="#" class="coop_more f16 g3">查看更多</a>
    <div class="cooper_main">
        <div class="coop_core hidden-xs hidden-sm">
            <a class="resource">
                <img src="images/resource.png">
                <h5 class="f22 gf">资源</h5>
            </a>
            <a class="share">
                <img src="images/share.jpg">
                <h5 class="f22">分享</h5>
            </a>
            <a class="follow">
                <img src="images/follow.png">
                <h5 class="f22 gf">人脉</h5>
            </a>
        </div>
        <a class="coop_1"><img src="images/zhuangxiu.jpg"></a>
        <a class="coop_2"><img src="images/ruanron.jpg"></a>
        <a class="coop_3"><img src="images/luodi.jpg"></a>
        <a class="coop_4"><img src="images/yiyang.jpg"></a>
        <a class="coop_5"><img src="images/qihu.jpg"></a>
        <a class="coop_6"><img src="images/shouyang.jpg"></a>
        <a class="coop_7"><img src="images/tengxun.jpg"></a>
        <a class="coop_8"><img src="images/jiangzhong.png"></a>
        <a class="coop_9"><img src="images/yifang.jpg"></a>
        <a class="coop_10"><img src="images/pu.jpg"></a>
        <a class="coop_11"><img src="images/youku.jpg"></a>
        <a class="coop_12"><img src="images/youjiuhe.jpg"></a>
        <a class="coop_13"><img src="images/mancheng.jpg"></a>
        <a class="coop_14"><img src="images/baidu.jpg"></a>
        <a class="coop_15"><img src="images/ALIBABA.jpg"></a>
        <a class="coop_16"><img src="images/nex.jpg"></a>
        <a class="coop_17"><img src="images/CNMK.jpg"></a>
        <a class="coop_18"><img src="images/M.jpg"></a>
        <a class="coop_19"><img src="images/qiu.jpg"></a>
        <a class="coop_20"><img src="images/wuxianji.jpg"></a>
        <a class="coop_21"><img src="images/guxin.jpg"></a>
        <a class="coop_22"><img src="images/shantao.jpg"></a>
        <a class="coop_23"><img src="images/weiwoke.jpg"></a>
    </div>
</div>
<!--联系我们-->
<div class="contact">
    <div class="contact_main">
        <div class="contact_l">
            <div class="contact_ti">
                <h1 class="f24">活动组织</h1>
                <a class="f16 g3">查看更多</a>
            </div>
            <div class="act">
                <img src="images/contact_img.jpg">
                <div class="act_r">
                    <h2 class="f16">《传统企业借助网络利润倍增》</h2>
                    <p class="f16 g6">报名人数：已有2人报名 还有28个名额</p>
                    <p class="f16 g6">时间：05-23 13:30~05-23 17:30</p>
                    <a href="#" class="f14 g6">查看详情</a>
                </div>
            </div>
            <div class="act">
                <img src="images/contact_img2.jpg">
                <div class="act_r">
                    <h2 class="f16">《传统企业借助网络利润倍增》</h2>
                    <p class="f16 g6">报名人数：已有2人报名 还有28个名额</p>
                    <p class="f16 g6">时间：05-23 13:30~05-23 17:30</p>
                    <a href="#" class="f14 g6">查看详情</a>
                </div>
            </div>
        </div>
        <div class="contact_r">
            <h1 class="f24">联系我们</h1>
            <form>
                <div class="infor">
                    <label class="f16 g6">姓&nbsp&nbsp&nbsp&nbsp名：</label>
                    <input class="f16 g6" type="text">
                </div>
                <div class="infor">
                    <label class="f16 g6">电&nbsp&nbsp&nbsp&nbsp话：</label>
                    <input class="f16 g6" type="text">
                </div>
                <div class="infor">
                    <label class="f16 g6">留言内容：</label>
                    <textarea class="f16 g6"></textarea>
                </div>
                <div class="infor">
                    <h2 class="f16 g6">验&nbsp&nbsp证&nbsp&nbsp码：</h2>
                    <input class="f16 g6 check" type="text">
                    <span></span>
                </div>
                <div class="infor_btn">
                    <input type="button" value="提交" class="f16 gf">
                    <input type="button" value="重置" class="f16 gf" id="resetBtn">
                </div>
            </form>
        </div>
    </div>
</div>
<!--底部友情链接-->
<div class="row">
    <div class="mt30 foot_img"></div>
    <div class="rel main">
        <div class="mt20 mb20">
            <ul class="flex jcfs text-center  fz16 friend_link">
                <li class="mr30 min_set">
                    <img src="images/link.jpg" alt=""/>
                </li>
                <li class="ml30 mr30">
                    <a class="gc" href="">联合办公</a>
                </li>
                <li class="ml30 mr30">
                    <a class="gc" href="">花园设计</a>
                </li>
                <li class="ml30 mr30">
                    <a class="gc" href="">亚克力制品</a>
                </li>
                <li class="ml30 mr30">
                    <a class="gc" href="">亚克力制品</a>
                </li>
            </ul>
        </div>
    </div>

</div>
<!--底部导航-->
<div class="row nav_foot">
    <div class="rel main">
        <ul class="flex jcc fz16 ">
            <li>
                <a  href="">网站地图</a>
            </li>
            <li>
                <a href="">自助建站</a>

            </li>
            <li>
                <a href="">合作推广</a>

            </li>
            <li>
                <a href="">活动发布</a>
            </li>
            <li>
                <a href="">经验交流</a>
            </li>
            <li>
                <a href="">企业注册</a>
            </li>
            <li>
                <a href="">关于我们</a>
            </li>
        </ul>
    </div>
</div>
<div class="row text-center fz14 about">
    <p class="flex jcc mt20 address">
            <span class="mr10">
                <img src="images/publish_activity/map_03.jpg" alt=""/>
            </span>
        <span>地址：上海嘉定南翔银翔路819弄中暨大厦主楼三楼维沃珂</span>
    </p>
    <p>企业自助推广营销平台版权所有</p>
    <div class="erweima">
        <img src="images/erweima_03.jpg" alt="二维码"/>
    </div>
</div>

<script>
    $(".plat_one").mouseover(function(){
        var n=$(".plat_one").index(this);
        $(".plat_active:eq("+n+")").show();
    })
    $(".plat_active").mouseout(function(){
        $(this).hide();
    })
    $("#resetBtn").on("click",function(){ $(".infor input").val(""); $(".infor textarea").val(""); });
</script>

</body>
</html>